body {
  background-color: #fafafa !important;
}

.main {
  display: flex;
}

.flow-demo {
  height: auto;
  overflow: auto;
  font-size: 0;
}

.flow-demo li {
  display: inline-block;
  margin: 0 5px;
  font-size: 14px;
  width: calc(23% + 5px);
  margin-bottom: 10px;
  height: 100px;
  height: auto;
  text-align: center;
}

.itemBook {}

.itemImg {
  width: 100%;
  height: 210px;
}

@media screen and (min-width: 520px) {
  .itemImg {
    height: 300px;
  }
}

.author,
.itemName {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 18px;
}

.book_a {
  display: block;
  background-color: #fbfbfb;
  margin-bottom: 5px;
  padding: 7px 11px;
  font-size: 16px;
}

.flow-demo-show li {
  display: inline-block;
  margin: 0 5px;
  font-size: 14px;
  width: 100%;
  height: 100px;
  height: auto;
  text-align: center;
}

.flow-demo-show img {
  width: 100%;
  display: block;
}

.set {}

.set button {
  font-size: 40px;
  padding: 0 18px;
}


@media screen and (max-width: 520px) {
  .flow-demo li {
    width: calc(28% + 8px);
  }

  .itemImg {
    height: 158px;
  }

  .layui-fixbar {
    display: none;
  }
}

/* ============== */
.layui-form-radio>.lay-skin-tag,
.layui-form-checkbox>.lay-skin-tag {
  font-size: 13px;
  border-radius: 100px;
}

.layui-form-checked>.lay-skin-tag,
.layui-form-radioed>.lay-skin-tag {
  color: #fff !important;
  background-color: #16b777 !important;
}